<template>
  <el-container style="width: 100%;height: 100%;">
    <el-header style="background-color: rgba(23,50,66,0.91);height: 70px;padding: 0px;">
      <el-row style="width: 100%;height: 100%;">
        <el-col :span="4" style="height: 100%;display: flex;align-items: center;justify-content: space-around">
          <img src="../assets/head.png" style="width: 60px;height: 60px;object-fit: contain">
          <span style="color: #FFFFFF;font-size: 22px;letter-spacing: 5px;font-weight: bold">在线教育平台</span>
        </el-col>
        <el-col :span="20" style="height: 100%;display: flex;align-items: center;justify-content: end;font-size: 25px">
          <el-dropdown style="color: #ffffff">
            <i class="el-icon-setting" style="margin-right: 55px;font-size: 25px"></i>
            <el-dropdown-menu slot="dropdown">
              <el-dropdown-item>个人中心</el-dropdown-item>
              <el-dropdown-item>系统设置</el-dropdown-item>
              <el-dropdown-item>
                <div class="submit-div">
                  <el-button type="text" @click="test" class="btn-submit">
                    退出登录
                  </el-button>
                </div>
              </el-dropdown-item>
            </el-dropdown-menu>
          </el-dropdown>
          <span style="color: #ffffff;margin-right: 40px" title="登录用户">小心</span>
        </el-col>
      </el-row>
    </el-header>
    <el-container>
      <el-aside width="270px" style="background-color: #f2f2f2">
        <el-menu default-active="1"  style="width:100%;background-color: #f2f2f2" :router="true">
          <el-menu-item index="/home" style="font-size: 26px;margin-left: 50px"><i class="el-icon-s-home" style="font-size: 26px"></i>首页</el-menu-item>
          <el-menu-item index="/courseManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-s-grid" style="font-size: 22px"></i>课程管理</el-menu-item>
          <el-menu-item index="/classManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-postcard" style="font-size: 22px"></i>班级管理</el-menu-item>
          <el-menu-item index="/teacherManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-s-custom" style="font-size: 22px"></i>讲师管理</el-menu-item>
          <el-menu-item index="/studentManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-user" style="font-size: 22px"></i>学生管理</el-menu-item>
          <el-menu-item index="/libraryManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-suitcase" style="font-size: 22px"></i>题库管理</el-menu-item>
          <el-menu-item index="/paperManage" style="font-size: 22px;margin-left: 50px"><i class="el-icon-document" style="font-size: 22px"></i>试卷管理</el-menu-item>
        </el-menu>
        <div >
          <img  src="../assets/login.png" style="position:relative;width: 100px;height: 100px;object-fit: contain;margin-left: 75px;margin-top:200px">
        </div>
      </el-aside>
      <el-main style="background-color: #ebeff0">
        <router-view />
      </el-main>
    </el-container>
  </el-container>
</template>

<script>
  export default {
    name: "index"
  };
</script>
<script>
  export default {
    methods: {
      test(){
        this.$router.push("/login")
      }
    },
    created() {
      this.$router.push("/home")
    }
  }
</script>
